$(function () {

    // 1- 表单校验功能 
    // 用户名：  非空 2-6位 
    // 密码:  非空  6-12 
  
    $('.login-form').bootstrapValidator({
      //1. 指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
      excluded: [':disabled', ':hidden', ':not(:visible)'],
  
      //2. 指定校验时的图标显示，默认是bootstrap风格
      feedbackIcons: {
        valid: 'glyphicon glyphicon-ok',
        invalid: 'glyphicon glyphicon-remove',
        validating: 'glyphicon glyphicon-refresh'
      },
  
      // 3-表单校验规则 
      // fields 字段  一个数据
      // 指定要校验字段（数据） 
      fields: {
        // 根据表单name属性进行校验 
        username: {
          // 校验规则
          validators: {
            // 非空
            notEmpty: {
              message: '用户名不能为空！'
            },
            // 长度校验
            stringLength: {
              min: 2,
              max: 6,
              message: '用户名必须是2-6位'
            },
            // 拓展提示信息
            callback: {
              message: '用户名不存在'
            }
  
  
          }
        },
        password: {
          // 校验规则
          validators: {
            // 非空
            notEmpty: {
              message: '密码不能为空！'
            },
            // 长度校验
            stringLength: {
              min: 6,
              max: 12,
              message: '密码必须是6-12位'
            },
            //拓展一个规则 
            callback: {
              message: '密码错误'
            }
            // callback1: (function (条件) {
            //   if (条件) {
            //     return {
            //       message: '密码错误1'
            //     }  
            //   } else {
            //     return {
            //       message: '密码错误2'
            //     }
            //   }
            // })()
          }
        }
      }
    });
    // 点击重置按钮，重置表单的数据和 重置表单数据样式
    $('.btn-reset').click(function(){
        $('.login-form').data('bootstrapValidator').resetForm();
    });
    $('.login-form').on('success.form.bv',function(e){
        // 阻止提交按钮的默认行为
        e.preventDefault();
       $.ajax({
         type:'POST',
         url: '/employee/employeeLogin',
         data: $('.login-form').serialize(),
         datatype: 'json',
         success: function(res) {
           console.log(res);
           if (res.success){
            //  登陆成功
            location.href = './index.html';
           }
           if (res.error == 1000){
            $('.login-form').data('bootstrapValidator').updateStatus('username', 'INVALID', 'callback');
           }
           if (res.error == 1001){
            $('.login-form').data('bootstrapValidator').updateStatus('password', 'INVALID', 'callback');
           }
         }
       })
    })
})